<template>
    <div class="catLog">
       <div class="tabale_box">
        <div class="sub_title">取片日志</div>
        <el-table :data="tableData[1]" style="width: 100%" height="600px" border>
            <el-table-column prop="checkContent" label="内容" align="center">
            </el-table-column>
            <el-table-column prop="state" label="是否通过" width="100" align="center">
                <template slot-scope="scope">
                    <el-tag :type="scope.row.state ? 'success' : 'danger'" >
                        {{ scope.row.state ? '✔通过' : '×未通过' }}
                    </el-tag>
                </template>
            </el-table-column>
        </el-table>
       </div>
       <div class="tabale_box">
        <div class="sub_title">
            送片日志
        </div>
        <el-table :data="tableData[2]" style="width: 100%" height="600px" border>
            <el-table-column prop="checkContent" label="内容" align="center">
            </el-table-column>
            <el-table-column prop="state" label="是否通过" width="100" align="center">
                <template slot-scope="scope">
                    <el-tag :type="scope.row.state ? 'success' : 'danger'" >
                        {{ scope.row.state ? '✔通过' : '×未通过' }}
                    </el-tag>
                </template>
            </el-table-column>
        </el-table>
       </div>
    </div>
</template>

<script>
export default {
    props: {
        tableData: {
            type: Object,
            default: () => {
                return {
                    0:[],
                    1:[]
                }
            }
        }
    }
}
</script>

<style lang="less" scoped>
.catLog{
    display: flex;
    .tabale_box{
        width: 50%;
        .sub_title{
            font-weight: bold;
            font-size: 16px;
        }
    }
}
/deep/ .el-table {
    .cell {
        padding: 0 !important;
        font-size: 14px;
    }
}

/deep/ .el-table__cell {
    padding: 5px 0;
}
</style>